@CHARSET "UTF-8";
/*
Page:           default.css
Created:        Oct 2008
Last Mod:       Oct 21 2008
This CSS file is main style definition of EKA. 
--------------------------------------------------------- 
Karajan S. K.
scisaga@gmail.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
body {
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	padding:0;
	margin:0;
	min-width:992px;
	width:expression(document.body.clientWidth < 1024 ? "992px" : "100%" );
}
a, a:link, a:active{
	color:#CC3300;
	text-decoration:none;
	cursor:pointer;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a:visited {
	color:#CC3300;
	text-decoration:none;
}
a:hover {
	color:#FF3300;
	text-decoration:underline;
}
span {
	font-size:12px;
}
h1 {
	font-size:28px;
	margin: 10px 2px;
	padding: 0;
}
#title{
	font-size:28px;
	margin: 10px 2px;
	padding: 0;
}
#title_edit {
	font-size:28px;
	margin: 8px 0px;
	padding: 0;
	font-weight:bold;
	background:#EFFEE2;
	/* border:1px solid #666666; */
	font-family:"Times New Roman", Times, serif;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
h3 {
	font-size:18px;
	margin:16px 0 8px 0;
}
#nav {
	float:right;
	margin:20px 0 10px 0; 
	width:300px; 
	height: 300px;
	text-align:center;
}
#search_bar{
	float:right;
	margin:0px 0 10px 0;
	width:300px; 
	height: 60px;
}
#events {
	float:right;
	margin:0px 0 10px 0;
	width:300px;
}
#container {
	width:660px;
	padding:6px 10px;
	display:block;
	float:left;
}
#document_info {
	font-size:12px;
	line-height:18px;
}
/* paragraph style */
ul.paragraph{
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
	clear:both;
	list-style:none;
}
li.paragraph {
	list-style-type:none;
	display:block;
	float:left;
	width:100%;
	clear:both;
	padding: 0 0 4px 0;
	margin: 0 0 28px 0;
	border:1px #CCCCCC dotted;
	background:#FFF;
}
li.paragraph:hover {
	border-right: #CCFFCC 4px solid;
}
h3.p_keys_title{
	font-weight:normal;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	padding: 2px 4px;
	margin:0;
	display:block;
}
ul.p_keys{
	padding: 4px 4px;
	margin: 0 0 0 0;
	clear:both;
	list-style:none;
	border-top:1px #CCCCCC dotted;
}
li.p_keys_content {
	font-size:12px;
	list-style-type:circle;
	list-style-position:inside;
	font-weight:normal;
	padding: 0px 4px;
	margin: 0 0 0 0;
}
li.p_talk {
	font-size:12px;
	line-height:18px;
	list-style-type:none;
	list-style-position:inside;
	font-weight:normal;
	background-color:#F9F9F9;
	border-top:1px #CCC dotted;
	border-left:4px #CCC solid;
	padding: 0px 4px;
	margin: 0 0 0px 0;
}
li.p_talk:hover {
	font-size:12px;
	line-height:18px;
	list-style-type:none;
	list-style-position:inside;
	font-weight:normal;
	background-color:#F9F9F9;
	border-top:1px #CCC dotted;
	border-left:4px #CCC solid;
	border-right:4px #CCFFCC solid;
	padding: 0px 4px;
	margin: 0 0 0px 0;
}
li.cleaner {
	clear:both;
	display:block;
	height:0;
}
/* Ref Part*/
ul.ref, ul.talk, ul.links{
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
	clear:both;
	list-style:none;
}
li.ref, li.talk {
	background:#EFFEE2;
	border-top:1px dotted #999999;
	color: #0C0D0E;
	padding:2px 4px;
	padding: 0 0 0 0;
}
li.links {
	background:#EFFEE2;
	list-style-type:circle;
	list-style-position:inside;
	padding:0px 4px;
}

#user_session {
	padding:6px 10px;
	margin:0;
	background-color:#FFF;
	color:#000;
	border-bottom:#CCC 1px solid;
}
#user_status {
	z-index:4;
	position:absolute;
	width:100%;
	display:inline;
	background-color:#FFF;
	border-bottom:#000 1px dotted;
	filter: Alpha(opacity=90);/*ie*/
	opacity:.90;/*firefox*/
}
#user_status_a,#user_status_b {
	display:inline;
	position:relative;
	float:left;
	margin:6px;
	padding-right:16px;
	border-right:1px #000000 dotted;
}
#user_session a, #user_session a:visited, #user_session a:link{
}
#user_session a:hover{
}
input{
	font-family: "Times New Roman", Times, serif;
}
div.cleaner {
	clear:both;
}
div.p_a {
	border-left: 2px #666666 solid;
	border-right: 2px #666666 solid;
	border-top:1px #CCCCCC dotted;
	display:block;
	background-color:#E9FADE;
	margin:0px 4px 0px 4px;
}
div.p_header_a {
	border-top: 2px #666666 solid;
	border-left: 2px #666666 solid;
	border-right: 2px #666666 solid;
	display:block;
	background-color:#CCFFCC;
	margin:4px 4px 0px 4px;
	padding:2px 0;
	font-size:12px;
	cursor:pointer;
}
div.p_header_a:hover {
	background-color:#FFFFFF;
}
div.p_close_a {
	display:block;
	border-top: 2px #666666 solid;
	border-left: 2px #666666 solid;
	border-right: 2px #666666 solid;
	height:0px;
	margin:0px 4px;
}
div.p_p {
	border-left: 1px #999999 dotted;
	border-right: 1px #999999 dotted;
	border-top:1px #CCCCCC dotted;
	background-color:#FFFFFF;
	margin:0px 5px;
	color:#666;
}
div.p_header_p {
	border-top: 1px #999999 dotted;
	border-left: 1px #999999 dotted;
	border-right: 1px #999999 dotted;
	display:block;
	color:#666;
	background-color:#E9FADE;
	margin:4px 5px 0px 5px;
	padding:2px 0;
	font-size:12px;
	cursor:pointer;
}
div.p_header_p:hover {
	background-color:#FFFFFF;
}
div.p_close_p {
	display:block;
	border-top: 1px #999999 dotted;
	border-left: 1px #999999 dotted;
	border-right: 1px #999999 dotted;
	height:0px;
	margin:0px 5px;
	background-color:#E4E4E4;
}
div.pr_option {
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	background:#FFF;
	border-top:1px #CCCCCC dotted;
	border-left:1px #CCCCCC dotted;
	border-right:1px #CCCCCC dotted;
	margin:0px;
	padding:2px 4px;
	float:right;
	position:relative;
	right:-1px;
	top:-21px;
	text-align:center;
}
div.pr_option:hover {
	right:-4px;
	border-right: #CCFFCC 4px solid;
}
div.p_content_v {
	font-size:16px;
	line-height:20px;
	padding: 6px 6px;
	border-bottom:1px #CCCCCC dotted;
}
div.p_keys {
	font-size:0.9em;
	background:#FFF;
}
div.p_footer {
	background:#FFFFFF;
	padding: 2px 4px;
	font-size:0.9em;
}
div.rating {
	display:inline;
}
div.rating_static {
	display:inline;
}
div.rating_null {
	display:none;
}
#talk_create {
	list-style-type:none;
	list-style-position:inside;
	font-weight:normal;
	background-color:#F9F9F9;
	border:1px #CCCC66 dotted;
	padding: 4px 4px;
	margin: 0 0 0px 0;
}
#talk_create:hover {
	border-right:4px #CCFFCC solid;
}
#talk_content {
	width:400px;
}
#original_talk {
	font-size:16px;
}
#d_option{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}
/*
For the create perspective
*/
#paragraphs {
	border-bottom:1px dotted #CCCCCC;
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
}
.paragraph_create {
	border: #666666 2px solid;
	background:#FFF;
	padding:4px;
	margin:4px 0px;
}
.p_content {
	margin:4px 4px;
}
.p_content_edit {
	margin:4px 4px;
	background:#EFFEE2;
	width:620px;
	font-size:14px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.ref_c, .internal_link_c {
	margin:4px 4px;
	font-size:14px;
}
.ref_edit_c, .internal_link_edit_c {
	margin:4px 4px;
	background:#EFFEE2;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	width:560px;
	font-size:14px;
}
#document_submit, #document_discard, #paragraph_submit, #paragraph_discard {
	font-size:16px;
	margin:8px 4px 0 0;
}
#user_intro{
	background:#E9FADE;
	border: 1px dotted #CCC;
	width:400px;
	height:84px;
	overflow-y: scroll;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}
#user_intro_edit{
	width:400px;
	height:84px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
}
.general_button {
	font-size:16px;
	margin:8px 4px 0 0;
}
.user_view {
	border:1px dotted #CCC;
	background:#FFF;
	padding:4px 4px;
	margin:4px 0px;
}
.user_view:hover {
	border-right:4px solid #CCFFCC;
}
.user_view_keys {
	font-weight:bold;
}
ul.events{
	padding: 0 0 0 0;
}
li.events {
	background-color:#F9F9F9;
	border-top:1px #CCC dotted;
	border-left:4px #CCC solid;
	padding: 4px 8px;
	margin: 0 0 0px 0;
	list-style:none;
}
li.events:hover {
	border-right:4px #CCFFCC solid;
}
span.events {
	font-size:12px;
	background-color:E9FADE;
	border-top:1px dotted #FFF;
}
#footer {
	float:left;
	display:block;
	width:100%;
	border-top: 1px solid #CCC;
	margin-top: 60px;
	padding:4px 0;
	background-color:#FFFFFF;
}
/*Tooltips*/
.tooltips{
	color:#CC3300;
	position:relative; 
	z-index:2;
}
.tooltips:hover{
	z-index:3;
	color:#CC3300;
	background:none; 
	text-decoration:none;
}
.tooltips span{
	display: none;
}
.tooltips:hover span{ 
	display:block;
	font-size:12px;
	text-align:center;
	position:absolute;
	top:18px;
	left:9px;
	width:12em;
	border:1px solid black;
	color:#FFF;
	background-color:#666;
	padding: 2px;
}
#staff {
	z-index:4;
	position:relative;
	text-align:center;
	top: -160px;
	height: 100px;
	width:100%;
	display:inline;
	background-color:#FFF;
	border-top:#000 1px dotted;
	border-bottom:#000 1px dotted;
	margin: 10px 0;
	padding: 10px 0;
	filter: Alpha(opacity=90);/*ie*/
	opacity:.90;/*firefox*/
}